<div class="col-lg-12">
    <div class="panel panel-info" ng-switch="isLoaded">
        <div class="panel-heading">Auditor Settings <span class="badge pull-right">{{ items_displayed() }} of {{ totalItems }}</span></div>
        <div class="panel-body" ng-switch-when="false">
          <p>Loading . . .</p>
        </div>
        <div class="panel-body" ng-switch-when="true">
            <table class="table table-striped">
                <tr>
                    <th ng-click="sort_column('issue')">Issue
                        <span ng-class="class_for_column('issue')">
                        </span>
                    </th>
                    <th ng-click="sort_column('account')">Account
                        <span ng-class="class_for_column('account')">
                        </span>
                    </th>
                    <th ng-click="sort_column('technology')">Technology
                        <span ng-class="class_for_column('technology')"></span>
                    </th>
                    <th ng-click="sort_column('issue_count')">Number of Issues
                        <span ng-class="class_for_column('issue_count')"></span>
                    </th>
                    <th ng-click="sort_column('enabled')">Disabled?
                        <span ng-class="class_for_column('enabled')"></span>
                    </th>
                    <th ng-if="us.hasRole('Justify')" >Enable/Disable</th>
                </tr>
                <tr ng-repeat="auditoritem in auditorlist">
                    <td>{{auditoritem.issue}}</td>
                    <td>{{auditoritem.account}}</td>
                    <td>{{auditoritem.technology}}</td>
                    <td><a href="#/issues/-/{{url_encode(auditoritem.technology)}}/{{url_encode(auditoritem.account)}}/-/-/True/{{url_encode(auditoritem.issue)}}/1/25">{{auditoritem.count}}</a></td>
                    <td ng-if="auditoritem.disabled==true"><b>TRUE</b></td>
                    <td ng-if="auditoritem.disabled==false">false</td>
                    <td ng-if="us.hasRole('Justify')">
                        <button ng-if="auditoritem.disabled==false" class="btn btn-xs btn-danger" ng-click="toggleAuditorEnable(auditoritem)">Disable</button>
                        <button ng-if="auditoritem.disabled==true" class="btn btn-xs" ng-click="toggleAuditorEnable(auditoritem)">Enable</button>
                    </td>
                </tr>
            </table>
        </div>
        <div class="panel-footer">
          <div class="row">
          <div class="col-lg-9">
            <pagination
                items-per-page="ipp_as_int"
                total-items="totalItems"
                page="currentPage"
                on-select-page="pageChanged()"
                max-size="maxSize"
                boundary-links="true"

                ></pagination>
            </div>
            <div class="col-lg-3 pull-right">
            <br/> <!-- Why do I need a br-tag to get the dropdown to line up properly? -->
              <select ng-model="items_per_page" class="form-control">
                <option
                  ng-repeat="page in items_per_page_options"
                  value="{{page}}">{{page}}</option>
              </select>
            </div>
            <div class="clearfix"></div>
            </div>
            <!--  -->
        </div>
    </div>
</div>
